<template>
    <view class="a-load-status">
        <view v-if="status.isLoading">
            {{loadingText}}
        </view>
        <view v-else>
            <view v-if="status.isEmpty" class="a-empty-notice">
                <image :src="blankImg" v-if="blankImg"></image>
                <view>{{emptyText}}</view>
            </view>
            <view v-else-if="status.isEnd">{{endText}}</view>
        </view>
    </view>
</template>

<script>
    export default {
        name: "page-store-status",
        props: {
            /**
             * 该对象必须包含以下属性：isLoading、isEmpty、isEnd
             */
            status: {
                type: Object
            },
            /**
             * 没有数据时显示的图片地址
             */
            blankImg: {
                type: String
            },
            /**
             * 数据正在加载时显示的文字
             */
            emptyText: {
                type: String,
                default: '暂无数据'
            },
            /**
             * 数据正在加载时显示的文字
             */
            loadingText: {
                type: String,
                default: '正在加载..'
            },
            /**
             * 已到达末页时显示的文字
             */
            endText: {
                type: String,
                default: '没有更多了'
            }
        }
    }
</script>

<style scoped>

</style>
